<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>vue模板语法</title>
		<script type="text/javascript" src="js/vue.js" ></script>
	</head>
	<body>
		<div id="Myapptwo">
			<img v-bind:src="imgUrl"/>
			<img :src="imgUrl"/>
			<input type="button" value="点击事件" @click="dj()" />
			<div>
				<div>{{name}}</div>
				<div v-text="name"></div>
				<div v-html="name"></div>
			</div>
		</div>
	</body>
	<script>
		var app = new Vue({
			el:"#Myapptwo",
			data:{
				imgUrl:"https://cn.vuejs.org/images/logo.png",
		        name:"<h1>hello world</h1>"
			},
			methods:{
				dj:function()
				{
					alert("@符号是v-on的简写方式")
				}
			}
		})
		
	</script>
</html>
<!--强制数据绑定至标签属性,给其属性值,让传入的属性值能够被解析,缩写为:也可以执行,也能够解析表达式-->
